.wrapper{
    width: 1200px;
    height: 800px;
    margin: 0 auto;
}
.y-header{
    background-color: black;
    width: 100%;
    height: 7%;
    color:white;
    font-size: 25px;
}
.ypage-content{
    width:100%;
    height:93%;
    position: relative;
    padding: 0;
}
.bg1{
    background-image: url(../img/fan/background1.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 100%;
    position: absolute;
    z-index: 1;
}
.bg2{
    background-image: url(../img/fan/background2.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 100%;
    position: absolute;
    z-index: 2;
}
.device{
    background-image: url(../img/fan/fan.png);
    width: 30%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 5%;
    margin-left: 4%;
    margin-top: 20%;
}
.line1{
    background-image: url(../img/fan/line.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 20%;
    position: absolute;
    z-index: 3;
    background-position: 32% 52%;
}
.line2{
    background-image: url(../img/fan/box.png);
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    background-size: 60%;
    position: absolute;
    z-index: 4;
    background-position: 90% 20%;
}
.content{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
}
.desc1{
    margin-left: 40%;
    margin-top:10%;
    width: 20%;
    float: left;
}
.desc2{
    margin-top:10%;
    width: 20%;
    float: left;
}
.content p{
    color: black;
    font-family: 微软雅黑;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
    line-height:40px;
}
.ch-box{
    margin-top: 15%;
    height: 20%;
    width: 20%;
    margin-left: 35%; 
    float:left;
}
.ch-device{
    height: 40%;
    background-image: url(../img/fan/fan_red.png);
    width: 40%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 55%;
    margin-top: 35%;
}